import Button from '../button/button';
import styles from './ballsOnFavorite.module.scss';

interface IPropsBallsOnFavoriteOnUserPage {
    favoritesBalls:IPropsOneFavoriteBall
}

interface IPropsOneFavoriteBall {
    id: number,
        name: string,
        image: string,
        price: number,
        count: number,
        title: string,
        description: string,
        favorite: false,
        user: {
            email: string,
            fullName: string,
            id: number
    }
}

export const BallsOnFavorite = ({favoritesBalls}: IPropsBallsOnFavoriteOnUserPage) => {
	return (
		<div className={styles.inner}>
			<div className={styles.container}> 
				<p>Имя {favoritesBalls.name}</p>
				<img src={favoritesBalls.image} width={70} height={70}/>
				<Button className={styles.button}>Удалить</Button>
			</div>
		</div>
		
	);
};
